本篇文章搬家囉！ 這裡不再回覆留言，請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-00/
就如同羅輯思維羅胖老師所說的，在這資訊爆炸的時代，所有的內容生產者要思考一個新維度，那就是我們能幫讀者節省多少的時間？這系列文章的核心目標就是幫助讀者節省學習 RxJS 的時間，盡可能地以最低的成本精通 RxJS！
筆者從去年就一直想參加鐵人賽 30 天，一方面是希望利用機會把自己的所學做一次整理，另一方面想訓練自己組織文章的能力。去年的時候我想寫 ECMAScript 2015，也準備了一段時間，結果沒想到去年停辦了一年。
今年總算讓我成功地參加鐵人賽 30 天，雖然沒有很充裕的準備時間，但我會盡可能地把每個觀念、每個細節寫清楚，也希望我能堅持到最後！
你問我，我是誰？ 我是一名前端工程師，為了保留一點神秘感就不多做自我介紹了。
其實今年筆者一直在下面這三個主題中猶豫，不知道該選哪一個...
最一開始是想寫 ECMAScript 2015 的，但一年過去了，在網路上相關的中文資源已經非常多，大部分的前端工程師也或多或少有在接觸，對我來說我不太喜歡寫已經有很多人寫過的主題。
後來是在 Universal JS 跟 RxJS 中猶豫，這兩個主題都是目前中文資源較為缺乏的，而且受眾也較 ES6 小很多，算是比較大的挑戰。後來權衡之下，認為 Universal JS 的牽涉範圍太廣，不易寫深，且對前端工程師來說有著一定的門檻，所以還是選了受眾相對較多的 RxJS。
但 RxJS 仍然是一個不容易撰寫的主題，主要原因是整體觀念較為抽象不好解釋，另外網路上的資源幾乎都是英文，且有些資源已經過時，難以判斷是否仍然適用。對筆者來說絕對是一個巨大的挑戰！
當然 RxJS 是筆者認為未來兩三年內會變得非常紅的一套 Library，主要原因有三：
Reactive Programming 是 RxJS 最重要的核心觀念之一，我們會在明天做比較深入的介紹。
如果有在關注 Vue 的工程師，應該會知道 Vue.js 的底層就是採用了 Reactive Programming 的觀念來實作的，另外 Vue 官方也在 11 月推出了 vue-rx。
另一方面 Angular 2 也全面引用了 RxJS，不管是在 http 還是 animation 都用了 RxJS 的 Observable！
Redux 也在 3.5 版中加入了對 Observable 操作的支援。
從這幾個前端的主流 Framework (或 Library) 就能明顯地看出這個趨勢，大家都在往這個方向走。
筆者也在今年 JSDC.tw 演講中提到，目前前端框架同質化的程度越來越高，很多觀念會在各個不同的 Library 或 Framework 中通用！
還有一個最重要的重點是 Observable 將會被加入 ECMAScript 的標準(應該會在 ES7 推出，我相信 Jafar 不會騙我)。
另外 RxJS 現在推出了第 5 版，這個版本最重要的目標，就是要符合目前 Observable 提案的規格(當然還有效能的優化)。
RxJS 在三天前發佈了第五版！
ECMAScript 不是一個新的語言，它是 JavaScript 的一份規格書，所有的瀏覽器廠家會依照這份規格書去實作出 JavaScript。
Jafar Husain： TC-39 成員，RxJS 的大力推廣者，目前是 Netflix Cross-Team Technical Leader，同時也是 falcor 的作者之一。
其實類似 RxJS 的 Library 還不少，像是 xstream, Bacon.js, most.js 等，那為什麼會選 RxJS 呢？
除了我們前面提到 RxJS 5 的推出，將符合標準規格之外，Rx 還有多個語言支持，幾乎所有主流的程式語言都有 Rx 的 Library，像是 RxRuby, RxPy, RxJava...等，不管以後怎麼切換語言，幾乎只要學一次就隨處可用。
從各主流的 Framework 及 Library 納入 Observable，到將被加入 ES 的標準規格中，還能有跨語言的支持，這就是為什麼我認為 RxJS 會紅的原因，相信這波浪潮很快就會席捲台灣的前端社群！
希望這 30 天的文章，盡可能的涵蓋 RxJS 所有項目，並且以淺顯易懂的方式解釋及表達給所有讀者，讓讀者能在最短的時間內，以最低的成本學會 RxJS，這就是本系列文章最重要的目標！
另外本系列文章會以 RxJS 第 5 版為主，所有的範例及 API 都會依照最新的版本撰寫。
為了盡可能的降低讀者的學習成本，本系列的每篇文章會盡量壓縮在 1500 字以內，讓讀者每天最多花 20 分鐘就能讀完，並且會在較難理解的文章附上影片講解，讓讀者能更輕鬆的吸收！
目前的規劃大致如上，也有可能在做改動，如果時間夠充裕也可能會再補上 Rx 的 Schedulers。
如果讀者對於文章內容有任何疑問或是建議，可以直接在留言區留言給我，我會看每一則留言！
已訂閱 ^^ 期待
感謝：）
fighting~
加油!!我們也一起跟隨成長, 一起加油!!!
謝謝你們＾＾
我想把Rx移植到其他語言去，請問會講到關於底層的實作嗎
建議可以先看看你用的語言是否已經有 Library！
http://reactivex.io/languages.html
如果要自己實作還要看你用的語言有哪些語法可以用，這邊我先用 generator 做一個簡單的 Observable 給你參考：
function coroutine(generatorFunction) {
return function (...args) {
let generatorObject = generatorFunction(...args);
generatorObject.next();
return generatorObject;
};
}
function from(iterable, receiver) {
for (let x of iterable) {
receiver.next(x);
}
receiver.return(); // 發出結束的訊號
}
const forEach = coroutine(function* (callback) {
try {
while (true) {
let item = yield;
callback(item);
}
} finally {
console.log('DONE');
}
});
from([1,2,3], forEach(console.log))
至於這個系列的文章只會寫到一些 RxJS 在實作上的概念，重點還是放在 RxJS 如何使用喔！
我要實作的語言是Julia，他沒有在名單上，感謝提供資源!
不會＾＾
感謝Jerry寫了這麼好的文章，「線上ReactJs讀書會」，「線上function programing讀書會」要來攻略：30天精通 RxJS
https://www.facebook.com/groups/906048196159262/
https://www.facebook.com/groups/1898421300388775/
最近跟著Angular官網的Tour of Heroes學刻SPA,
後面幾個章節不斷出現rxjs observable, subject, map, 看得一頭霧水.
非常感謝做了如此細心的說明!
謝謝＾＾
謝謝+1 XD
本篇文章搬家囉！ 這裡不再回覆留言，請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-00/
iThome鐵人賽
看影片追技術